<!DOCTYPE html>
<html lang="zh">

  <body>
    <div nz-row>
      <div nz-col [nzSpan]="5">
        <nz-input-group nzSearch nzSize="large" [nzAddOnAfter]="suffixButton">
          <input type="text" nz-input placeholder="input search text" />
        </nz-input-group>
        <ng-template #suffixButton>
          <button nz-button nzType="primary" nzSize="large" nzSearch>Search</button>
        </ng-template>
      </div>



      <div nz-col [nzSpan]="18">
        <button nz-button nzSize="large" style="float:right" nzType="primary">流程图</button>
      </div>
    </div>

    <!--<nz-divider></nz-divider>-->

    <div nz-row>
      <div nz-col [nzSpan]="5">
        <nz-table #basicTable [nzData]="task_list">
          <tbody>
            @for (data of basicTable.data; track data) {
              <tr (click)="showInstance(data.id, data.formKey)">
                <td>{{data.name}}</td>
                <td>{{data.createdTime}}</td>
              </tr>
            }
          </tbody>
        </nz-table>
      </div>

      <div nz-col [nzSpan]="18" style="padding:20px 0 0 20px;max-height: 700px;overflow-y: auto">

        <!--此处用来嵌套流程-->
        <div #container></div>

      </div>

    </div>

  </body>
</html>
